.yg-category {
  width: 100vw;
  overflow: hidden;
  .yg-index-nav {
    .index-nav {
      background-color: var(--themeColor);
      color: white;
    }
  }

  .yg-index-search {
    background-color: var(--themeColor);
    height: 1.6rem;
    padding: 0.266667rem 0.533333rem;
  }
  .yg-category-content {
    display: flex;

    .content-left {
      flex: 1;
      height: calc(100vh - 4rem);
      background-color: #f3f3f3;
      overflow: auto;
      .content-left-item {
        line-height: 1.333333rem;
        text-align: center;
      }
      .active {
        color: red;
      }
    }

    .content-right {
      flex: 3;
      height: calc(100vh - 4rem);
      overflow: auto;
      .content-right-item {
        text-align: center;
        line-height: 0.8rem;
        .right-item-box {
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          .right-item-del {
            img {
              width: 2rem;
            }
          }
        }
      }
    }
  }
}
.am-tab-bar-item {
  overflow: hidden;
}
